<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>关于我</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);
			// 因为chrome等浏览器会有滚动缓存功能，
			// 比如你在A页面滚动后跳转到B页面，点击返回键回到A页面，
			// 会发现滚动条位置仍然保持，这是个不错的功能，
			// 但是可能在某些特殊场景不适用，所以会出现上述代码。
			// 页面加载的时候添加一个定时器，0秒之后执行hideURLbar函数。
			// hideURLbar函数将页面滚动至坐标（0,1）
			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<div class="daohang">
			
			<div class="right">
				<ul class="daohang_ul">
					<li><a href="index.html">首页</a></li>
					<li><a href="./wz/wz00.html">设计要求</a></li>
					<li><a href="gunyvwo.html">关于我</a></li>
					<li><a href="xiangce.html">我的相册</a></li>
					<li><a href="shopin1.html">喜欢的视频</a></li>
					<li><a href="register.html">登录/注册</a></li>
				</ul>
			</div>
		</div>
		<div class="about" id="about">
			<div class="container">
				<h3 class="w3l_head">关于我</h3>
				<div class="w3l-grids-about">
					<div class="col-md-5 w3ls-ab-right">
						<div class="agile-about-right-img">
							<img src="images/曾捷宏.jpg" alt="">
						</div>
					</div>
					<div class="col-md-7 w3ls-agile-left">
						<div class="w3ls-agile-left-info">
							<div class="wel-left animated wow fadeInLeft" data-wow-delay=".5s">
								<div class="icon-w3l">
									<i class="hovicon effect-2 sub-a"><span class="glyphicon glyphicon-leaf" aria-hidden="true"></span></i>
								</div>
								<div class="text-w3l">
									<h4>自我介绍</h4>
									<p>姓名：曾捷宏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;民族：汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;出生年月：1999.03.26</p>
									<p>籍贯：广东梅州&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电话：17665766006&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;政治面貌：共青团员</p>
									<p>求职意向：Web前端开发工程师</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div class="w3ls-agile-left-info">
							<div class="wel-left animated wow fadeInLeft" data-wow-delay=".5s">
								<div class="icon-w3l">
									<i class="hovicon effect-2 sub-a"><span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span></i>
								</div>
								<div class="text-w3l">
									<h4>教育经历</h4>
									         
									<p>2019.9—2021.6&nbsp;&nbsp;</p>
									<p>就读于广东工程职业技术学院 </p> 
									<p>专业：软件技术 </p>	
									<p>学历：专科</p>	
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div class="w3ls-agile-left-info">
							<div class="wel-left animated wow fadeInLeft" data-wow-delay=".5s">
								<div class="icon-w3l">
									<i class="hovicon effect-2 sub-a"><span class="glyphicon glyphicon-star" aria-hidden="true"></span></i>
								</div>
								<div class="text-w3l">
									<h4>项目经验</h4>
									<p>相册管理系统（C/S）<br>
										个人网站-研溪IT之家（网址：<a href="https://www.yanxi.cool/">https://www.yanxi.cool/</a>）<br>微信小程序-小宝音乐（暂未上线）</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div class="w3ls-agile-left-info">
							<div class="wel-left animated wow fadeInLeft" data-wow-delay=".5s">
								<div class="icon-w3l">
									<i class="hovicon effect-2 sub-a"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span></i>
								</div>
								<div class="text-w3l">
									<h4>奖项（部分）</h4>
									<p> 参加2020年下半年1+X Web前端开发（初级）<br>（1+X Web前端初级证书）<br>
										参加2020年全国计算机等级考试二级Office<br>（全国计算机等级考试二级合格证书）<br>
									</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="wthreeskills" id="skills">
			<div class="container-fluid">
				<h3>我的技术和项目</h3>

				<div class="wthreeskills-grids">
					<div class="col-md-6 wthreeskills-grid wthreeskills-grid-2">
						<h4>技能</h4>

						<div class="bar_group">
							<div class='bar_group__bar thin' label='jQuery' show_values='true' tooltip='true' value='75'></div>
							<div class='bar_group__bar thin' label='CSS3' show_values='true' tooltip='true' value='80'></div>
							<div class='bar_group__bar thin' label='HTML' show_values='true' tooltip='true' value='95'></div>
							<div class='bar_group__bar thin' label='JAVA SCRIPT' show_values='true' tooltip='true' value='86'></div>
							<div class='bar_group__bar thin' label='C#' show_values='true' tooltip='true' value='76'></div>
						</div>

					</div>
					<div class="col-md-6 wthreeskills-grid wthreeskills-grid-1">
						<h4>项目</h4>

						<!-- Tabs -->
						<div class="tabs">
							<div class="sap_tabs">
								<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
									<ul class="resp-tabs-list">
										<li class="resp-tab-item"><span>项目一</span></li>
										<li class="resp-tab-item"><span>项目二</span></li>
										<li class="resp-tab-item"><span>项目三</span></li>
									</ul>

									<div class="resp-tabs-container">
										<div class="tab-1 resp-tab-content">
											<p>通过学习C#、ASP.NET、SQLSERVER2012,做出第一个项目—相册管理系统并获得优异的成绩。<br>
												开发环境：Visual Studio 2013+SQL2012<br>
												团队角色：担任小组组长 <br>主要负责：相册查询、相册插入、相册的信息、数据库的使用、主菜单设计<br>
												感想体会： 团结合作，分工明确，互相协调，PS:小心对待各类BUG<br>
											</p>
											
										</div>
										<div class="tab-2 resp-tab-content">
											<p>通过学习MTML,CSS,JavaScript,做出第二个项目—个人网站-研溪IT之家。<br>
											开发环境：VSCode<br>
											<!-- 设计制作功能架构图、以及网站数十个页面的设计、完善前端功能及安装网站SSL证书和服务器监控，网站目前运行状况良好 -->

											团队角色：项目负责人 <br> 
											主要负责：首页界面设计、开发网站的功能，策划与需求分析，购置服务器与注册个人域名，备案网站部署到互联网及安装网站SSL证书和服务器监控，网站目前运行状况良好<br>
											感想体会：增加经验、完成认为自己不能完成的任务 PS:一定要细心耐心

											</p>
										
										</div>
										<div class="tab-3 resp-tab-content">
											<p>通过学习MTML,CSS,JavaScript,做出第三个项目—微信小程序-小宝音乐。<br>
											开发环境：微信开发者工具<br>
											个人开发：实现了音乐播放器的基本功能，为用户提供每日热歌、每日新歌、以及小智音乐排行榜、 推荐榜<br>
											感想体会：通过这次的编写让我更加喜欢代码和编写程序

											</p>
											
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- //Tabs -->
					</div>
					<div class="clearfix"></div>
				</div>

			</div>
		</div>
		

		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<!-- 我的技能 -->
		<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
		<script type="text/javascript">
		// 基于jQuery的响应式Tab选项卡插件easyResponsiveTabs.js
		// 是一款轻量级的响应式 Tab 选项卡/手风琴jQuery插件
		// 默认为水平/垂直Tab选项卡样式。
			$(document).ready(function() {
				$('#horizontalTab').easyResponsiveTabs({
					type: 'default',
					width: 'auto',
					fit: true,
				});
			});
		</script>
		<!-- Horizontal-Tabs-JavaScript -->
		<!--动画-->
		<!-- jQuery滚动监听插件Waypoints -->
		<script src="js/waypoints.min.js"></script>
		<!-- jquery轻量级数字动画插件jquery.countup.js -->
		<script src="js/counterup.min.js"></script>
		<script>
			jQuery(document).ready(function($) {
				$('.counter').counterUp({
					delay: 10,
					time: 1000,
				});
			});
		</script>
		<!-- 动画 -->
		<script src="js/bars.js"></script>
		<script>
			$(document).ready(function() {
				size_li = $("#myList li").size();
				x = 1;
				$('#myList li:lt(' + x + ')').show();
				$('#loadMore').click(function() {
					x = (x + 1 <= size_li) ? x + 1 : size_li;
					$('#myList li:lt(' + x + ')').show();
				});
				$('#showLess').click(function() {
					x = (x - 1 < 0) ? 1 : x - 1;
					$('#myList li').not(':lt(' + x + ')').hide();
				});
			});
		</script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>

	</body>
</html>
